<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>兑换专区</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<include file="public/comm" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav fs_xl">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">兑换专区</h1>
		</header>
		<div class="mui-content fs_xl">
			<div class="duihuan">
				<div class="dh_top fs_xl">
					<ul class="cls">
						<li class="active fs_l">名酒兑换专区</li>
						<li class="fs_l">茶叶兑换专区</li>
					</ul>
				</div>
				<div class="dh_box">
					<div class="dh_list active">
						<ul>
							<volist name="exchange_list" id="vo">
								<if $vo.cat_id == $exchange_catrgory[0]['id']>
									<li class="fs_xl cls">
										<div class="dh_img fs_xl">
											<div><img src="{$vo.original_img}" /></div>
										</div>
										<div class="dh_txt">
											<p class="dh_p fs_l">{$vo.goods_name}</p>
											<p class="dh_pri fs_s"><span class="fs_xxl">{$vo.exchange_integral}</span>银酒币</p>
											<p class="dh_num fs_xs">已兑换<span>{$vo.sales_sum}</span>件</p>
											<a class="dh_btn fs_l" href="{:U('/mobile/exchange/exchange_info',array('id'=>$vo.goods_id))}">点击兑换</a>
										</div>
									</li>
								</if>
							</volist>
						</ul>
					</div>
					<div class="dh_list">
						<ul>
							<volist name="exchange_list" id="vo">
								<if $vo.cat_id == $exchange_catrgory[1]['id']>
									<li class="fs_xl cls">
										<div class="dh_img fs_xl">
											<div><img src="{$vo.original_img}" /></div>
										</div>
										<div class="dh_txt">
											<p class="dh_p fs_l">{$vo.goods_name}</p>
											<p class="dh_pri fs_s"><span class="fs_xxl">{$vo.exchange_integral}</span>银酒币</p>
											<p class="dh_num fs_xs">已兑换<span>{$vo.sales_sum}</span>件</p>
											<a class="dh_btn fs_l" href="{:U('/mobile/exchange/exchange_info',array('id'=>$vo.goods_id))}">点击兑换</a>
										</div>
									</li>
								</if>
							</volist>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			mui.init();
			$(".dh_top li").click(function() {
				$(".dh_top li").removeClass("active").eq($(".dh_top li").index(this)).addClass("active");
				$(".dh_list").hide().eq($('.dh_top li').index(this)).show();
			});
		</script>
	</body>

</html>